This pull request introduces several improvements and new features to the recipe catalogue and detail views, focusing on supporting custom user recipes, enhanced filtering, and improved UI/UX for recipe management. The most significant changes are the addition of custom recipe support (including editing and deleting), new filtering options in the catalogue, and updates to protected routing and UI styling.

Custom Recipe Management and Catalogue Enhancements:

• Added support for displaying, editing, and deleting custom user recipes in the catalogue. Custom recipes are fetched from the backend, displayed in a separate section, and can be filtered alongside standard recipes. The detail page for custom recipes now supports in-place editing and deletion, with PATCH and DELETE requests to the backend. (src/pages/Catalogue/page.tsx, src/pages/Catalogue/recipedetail.tsx) [1] [2] [3] [4] [5] [6] [7]
• Introduced cuisine and type filters in the catalogue, allowing users to filter both standard and custom recipes. Added a button to reset filters. (src/pages/Catalogue/page.tsx)

Routing and Access Control:

• Updated routing to protect sensitive pages (e.g., settings, shopping list, catalogue, recipe creation, and recipe detail) using the ProtectedRoute component. Added a new route for custom recipe details. (src/App.tsx) [1] [2] [3]

UI/UX Improvements:

• Improved the header component so it is hidden on login and signup pages, and refined the user icon styling for better alignment and accessibility. (src/App.tsx, src/components/Header.css, src/components/Header.tsx) [1] [2] [3]
• Added a dedicated CSS file for the recipe creation form, providing a more consistent and user-friendly layout. (src/pages/CreateRecipe/CreateRecipe.css)

These changes collectively enhance the user experience by making recipe management more robust and intuitive, improving navigation and access control, and delivering a cleaner, more responsive UI.